import React from "react";
import styled from "styled-components";
import { LeftCircleTwoTone } from "@ant-design/icons";
const BoxStyle = styled.div`
  margin: 20px 0;
  cursor: pointer;
  > span {
    margin-left: 20px;
    font-size: 28px;
    font-weight: bold;
    color: rgb(24, 144, 255);
  }
`;

export default function Title(props) {

  const { title, size = 30 } = props;
  return (
    <BoxStyle onClick={ () => window.history.back()}>
      <LeftCircleTwoTone style={{ fontSize: size }} />
      <span>{title}</span>
    </BoxStyle>
  );
}
